<extend name="Base/common"/>
<block name="body">
	<div>
	<div class="reward_road" >
	 </div>
        <div class="reward_car" >
        	<img alt="" src="__PUBLIC__/Green/images/car.png"/>
        </div>
		<div class="container reward_container">
			<div style="overflow: hidden;">
				  <img src="__PUBLIC__/Green/images/Reward01.png" alt="" style="width:50%;float: left;" />
				  <div style="float:right;width: 40%">
					<h1 class="reward_big">
						智保环境保UBI车险来了
					</h1>
					<h2 class="reward_small">
						根据您的车辆使用强度  <span style="font-size: 24px">奖励</span>保险费用
						停车最高奖励保费<span style="font-size: 26px">50%</span>
					</h2> 
					</div>
			</div>
			<div class="reward_row">
				<div class="reward_row_left">
					<h1 class="reward_big">
						互联网+车险
					</h1>
					<h2 class="reward_small">
						比传统车险便宜 <span style="font-size: 26px">15%</span>
						</h2>
						<h2  class="reward_small">
						便捷、高效、省钱，<p>购险<span style="font-size: 24px">每日奖励</span>商业险10%</p>
					</h2>
				</div>
				<div class="reward_row_right">
					<img alt="" src="__PUBLIC__/Green/images/Reward2.png" >
				</div>			
			</div>
				<div class="reward_row">
					<div style="margin-left: 36px">
						<h1 class="reward_big" >
							倡导环保、健康出行
						</h1>
					</div>
					<div class="reward_row_left" style="margin-top: -20px">					
					<img alt="" src="__PUBLIC__/Green/images/Reward3.png">
					</div>
					<div class="reward_row_right" style="margin:160px 0px 160px 0px;width: 45%;">
					<h2  class="reward_small">
						<span style="font-size: 24px">停车一天</span>，智保车险再奖励商业车险
						<span style="font-size: 26px">40%</span>，
						<p>当天累计奖励车险<span style="font-size: 26px">50%</span></p>
					</h2>
					</div>
				</div>
				<div class="reward_row">
					<div style="text-align: center;margin-bottom: 4em">
						<h1 class="reward_big">奖励可购物可兑换</h1>
					</div>
					<div><img alt="" src="__PUBLIC__/Green/images/Reward4.png"></div>
				</div>
				<div class="reward_row">
					<div class="reward_row_left"  style="width: 70%; margin-top: 60px;">
						<h1 class="reward_big">购险赠送智保盒子</h1>
						<h2  class="reward_small">查查车况、看看油耗，改善你的驾驶习惯</h2>
					</div>
					<div class="reward_row_right" style="width: 30%">
					<img alt="" src="__PUBLIC__/Green/images/Reward5.png">
					</div>
				</div>
				<div class="reward_row">
					<div class="reward_row_left" style="width: 30%">
					<img alt="" src="__PUBLIC__/Green/images/Reward6.png">
					</div>
					<div class="reward_row_right" style="width: 60%; margin-top: 60px;">
					<h1 class="reward_big">可靠的理赔服务标准</h1>
					<h2  class="reward_small">合作伙伴：中华联合财产保险，“亚洲品牌500 强”、“中国企业500 强”</h2>			
					</div>
				</div>
				<div class="reward_row">
				<div style="text-align: center">
					<h1 class="reward_big">欢迎加入智保车险奖励计划</h1>
				</div>
						<img alt="" src="__PUBLIC__/Green/images/Reward7.png" style="margin-left: 280px">
				</div>
				<div class="reward_row">
					<div style="text-align: center;margin-bottom: 2em;">
						<h3>支持环保，我要加入</h3>
					</div>
					<a href="{:U('Insurance/index')}" class="reward_btn">立即加入</a>
				</div>
				
			</div>
			
			
			<div>
			
				
			
			</div>	
		
		</div>	
<script>
   $(window).scroll(function(){
		var scrollTo = $(window).scrollTop(),
		docHeight = $(document).height(),
		windowHeight = $(window).height();
		scrollPercent = (scrollTo / (docHeight-windowHeight)) * 100;
		$('.reward_car').css("margin-top",scrollTo+'px');
	}).trigger('scroll');
   
  </script>
</block>
<block name="script">
</block>
